<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
</head>
<body>
<div id="all">
<!--1. 头部 -->
<div id="top">
       <div class="top-cen">
        <img src="img/log.png" alt="log">
          <ul class="top-ul">
              <li><a href="index.html">首&nbsp;&nbsp;&nbsp;&nbsp;页<p>home</p></a></li>
              <li><a href="news.html">作品展示<p>showcase</p></a> </li>
              <li><a href="news-show.html">服务报价<p>service</p></a></li>
              <li><a href="product-show.html">外景展示<p>location</p></a></li>
              <li><a href="index.html">优惠活动<p>actmty</p></a></li>
              <li><a href="news.html">品牌介绍<p>brand
              </p></a></li>
              <li><a href="news-show.html">新闻咨询<p>hot&nbsp;event</p></a></li>
              <li><a href="product.html">联系我们<p>contac</p></a></li>
          </ul>
       </div>
</div>

<!--2. Banner -->
<div id="banner">
  <a href="#" >
      <ul class="banner-ul">
          <li id="banner-left"></li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li>五一特别活动-东方美</li>
          <li id="banner-right"></li>
      </ul>
  </a>
</div>
<!--3.微博，空间 -->
<div id="wei">
      <a href="#">
        <div class="wei-top1" >
          <img src="img/bg1-1_03.png" alt="bg1">
        </div>
      </a>
      <a href="#">
        <div class="wei-top2">
          <img src="img/bg1-2_03.png" alt="bg2">
        </div>
      </a>
        <div class="wei-top3">
          <a href="#"><div class="top3-01"></div></a>
          <a href="#"><div class="top3-02"></div></a>
          <a href="#"><div class="top3-03"></div></a>
        </div>
      <a href="#">
        <div class="wei-top4">
          <img src="img/bg1-4_03.png" alt="bg4">
        </div>
      </a>
</div>
<!--3. center -->
<div id="center">
      <!-- 中间的一大块最新优惠 -->
      <div class="center-bottom">
           <!--【（1）】Promotions -->
           <div class="b-left">
                <!-- （01）Promotions -->
                <div class="photos">
                   <img src="img/photos2_03.png"
                   alt="photos">
                </div>
                <!-- （02）大礼包和1,2,3那个 -->
                <div class="photo-center">
                   <!-- 万元礼包 -->
                   <a href="product.html">
                     <div class="ph-left">
                       <div class="ph01">
                       </div>
                     </div>
                   </a>
                   <!-- 1,2,3，东东 -->
                   <a href="#">
                     <div class="ph-right">
                          <div id="ico-01">
                           <p>万元大礼包奉送，拍婚照送婚纱，爱情微电影。韩式照片...</p>
                          </div>
                          <div id="ico-02">
                            <p>万元大礼包奉送，拍婚照送婚纱，爱情微电影。韩式照片...</p>
                          </div>
                          <div id="ico-03">
                            <p>万元大礼包奉送，拍婚照送婚纱，爱情微电影。韩式照片...</p>
                          </div>
                     </div>
                   </a>
                </div>
                <!--(03)新闻动态和活动资讯 -->
                <div class="news-bottom">
                     <div class="news-left">
                        <p class="new-01">新闻动态
                          <a href="news.html">NEW/更多>></a>
                        </p><br>
                        <ul class="news-ul-01">
                        <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                        <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                       <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                        <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                       <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                       </ul>
                     </div>
                     <div class="news-right">
                       <p class="new-02">活动资讯
                          <a href="news.html">INFOUATION/更多>>
                          </a>
                        </p><br>
                         <ul class="news-ul-02">
                        <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                        <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                       <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                        <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                       <a href="#">
                        <li><img src="img/xiao.png"alt="xiao">&nbsp;
                          从专业角度看挑选婚纱摄影的知识</li></a>
                       </ul>
                     </div>
                </div>
           </div>
           <!-- 【（2）】右边美女很大的一块 -->
           <a href="#">
           <div class="b-right">
             <img src="img/center-right.png"
              alt="b-right">
           </div>
           </a>
      </div>
</div>

<!--4. 作品鉴赏 -->
<div id="show">
  <div class="show-top"></div>
  <div class="show-bottom">
   <ul class="show-ul">
       <li class="show-li-01">
        <a href="#">
         <div class="meng01">
            <div class="meng01-1">
              <p>巴黎梦幻岛</p>
            </div>
         </div>
        </a>
      </li>
       <li class="show-li-02">
        <a href="#">
         <div class="meng02">
            <div class="meng02-1">
              <p>阿拉斯加三日游</p>
            </div>
         </div>
        </a>
       </li>
       <li class="show-li-03">
       <a href="#">
         <div class="meng03">
            <div class="meng03-1">
              <p>埃菲尔铁塔</p>
            </div>
         </div>
        </a>
       </li>
       <li class="show-li-04">
       <a href="#">
         <div class="meng04">
            <div class="meng04-1">
              <p>香格里拉</p>
            </div>
         </div>
        </a>
       </li>
   </ul>
  </div>
</div>
<!--5.bottom -->
<div id="bottom">
  <div class="bot-top">
     <div class="bbt-01">
        <div class="bbt-01-1">
          <div class="bbt-01-1-1">
            <p>重庆市沙坪坝区西永街道</p>
            <span>重庆市长寿区石堰镇麒麟村</span>
          </div>
        </div>

        <div class="bbt-01-2">
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
          <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
         <div>
            <a href="#">
              <p>&nbsp;SHOWCASE</p>
              <ul>
                <li>婚纱摄影作品</li>
                <li>时尚写真作品</li>
                <li>客户展示大赏</li>
                <li>全家福作品</li>
              </ul>
            </a>
          </div>
        </div>
     </div>
  </div>
  <div class="bot-center">
     <div class="bot-ph">

     </div>
     <div class="bot-ph1">
         <div class="bot-ph2"></div>
     </div>
  </div>
  <div class="bot-bottom">
     <div class="bot-bb"></div>
  </div>
</div>
</div>
</body>
</html>